<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="base.css">
    <script src="jquery-2.2.3.js"></script>
    <title>首页</title>
</head>
<body>
<div id="wrapper">
    <div class="page-index" id="home" data-log="首页">
        <div class="download-app">
            <a href="download.html">
                <img src="images/ios.png" alt="" style="width:100%;">
            </a>
            <div class="close">
                <a href="#">
                    <img src="images/top-x.png">
                </a>
            </div>
        </div>
    </div>
    <div class="index-header">
        <a href="search.html">
            <span><img src="images/search.png"></span><span>搜素商品名称</span>
        </a>
        <div class="search-bottom"></div>
    </div>
    <div class="banner">
        <a href="view.html"><img src="images/T1.jpg" alt=""></a>
    </div>
    <div class="list-width">
        <div class="section">
            <div class="items">
                <a href="商品列表.html"><img src="images/T1-1.jpg" alt=""></a>
            </div>
            <div class="items">
                <a href="商品列表.html"><img src="images/T1-2.jpg" alt=""></a>
            </div>
            <div class="items">
                <a href="商品列表.html"><img src="images/T1-3.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-4.jpg" alt="">
                </div>
                <div class="info">
                    <h2>小米手机5</h2>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                    <p><strong>1999元 起</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-5.jpg" alt="">
                    <img src="images/T1-6.png" alt="" class="xp">
                </div>
                <div class="info">
                    <h2>小米手机5尊享版（3D玻璃）</h2>
                    <p>骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D玻璃机身</p>
                    <p><strong>1999元 起</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-6.jpg" alt="">
                    <img src="images/T1-6.png" alt="" class="xp">
                </div>
                <div class="info">
                    <h2>小米手机4S</h2>
                    <p>骁龙808处理器 / 64GB大容量 / 指纹识别 / 全网通双卡双待 / 5英寸屏非凡手感</p>
                    <p><strong>1699元 起</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-7.jpg" alt="">
                    <img src="images/T1-6.png" alt="" class="xp">
                </div>
                <div class="info">
                    <h2>红米手机3 高配版</h2>
                    <p>指纹识别 / 全网通双卡双待 / 金属机身 / 4100mAh大电池 / 3GB内存+32GB容量 / 最高支持128GB扩展<p>
                    <p><strong>899元</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-8.jpg" alt="">
                </div>
                <div class="info">
                    <h2>小米Note</h2>
                    <p>独立 HiFi 音乐系统 / 5.7英寸全高清屏幕 / 骁龙801四核处理器</p>
                    <p><strong>1499元 起</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-9.jpg" alt="">
                </div>
                <div class="info">
                    <h2>小米手机4c</h2>
                    <p>Type-C 双面充电接口 / 红外遥控 / 5英寸全高清阳光屏 / 骁龙808六核处理器</p>
                    <p><strong>1099元</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="list" style="margin-bottom: 0.9rem;">
        <a href="商品列表.html">
            <div class="section">
                <div class="img">
                    <img src="images/T1-10.jpg" alt="">
                </div>
                <div class="info">
                    <h2>红米Note 3</h2>
                    <p>金属机身 / 指纹识别 / 4050mAh大电池 / 5.5英寸全高清屏</p>
                    <p><strong>899元</strong></p>
                </div>
            </div>
        </a>
    </div>
    <div class="footer">
        <ul>
            <li>
                <a href="#">
                    <div class="sc-spr"></div>
                    <p>商城</p>
                </a>
            </li>
            <li>
                <a href="../product/category.html">
                    <div class="fl-spr"></div>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="../cart/index.html">
                    <div class="gw-spr"></div>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="../user/index.html">
                    <div class="fw-spr"></div>
                    <p>服务</p>
                </a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size', 100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })
    });
</script>